<script setup lang="ts">
import ByIcon from "./ByIcon.vue";

const { } = defineProps<{
  value?: string | number;
  disabled?: boolean;
  color?: string;
}>();

const checked = defineModel<boolean>();
</script>

<template>
  <view class="relative">
    <radio
           class="absolute top-0 left-0 w-full h-full opacity-0"
           :value="value"
           :checked="checked"
           :disabled="disabled" />

    <ByIcon :size="36" :name="checked ? 'RadioChecked' : 'Radio'" :color="color" />
  </view>
</template>
